.custom {
  text-align: center;
  width: 100%;
  overflow: hidden;

  // 分割
  .blank {
    width: 100%;
    height: 20px;
    background-color: #f0f0f0;
    margin-top: 45px;
  }

  // 倒三角
  .tirle-triangle {
    margin: 0 auto;
    width: 0;
    height: 0;
    margin-top: 20px;
    margin-bottom: 42px;
    border-width: 10px 5px 0;
    border-style: solid;
    border-color: #63c6c2 transparent transparent;
  }

  // 按钮
  .public-button {
    width: 142px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 25px;
    border: 1px solid #63c6c2;
    color: #63c6c2;
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
  }

  // 绿色小横线
  .line-div {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #63c6c2;

    .line-div-div {
      display: block;
      margin: 0 auto;
      width: 18px;
      height: 2px;
      margin-top: 10px;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 500;
      line-height: 1;
      background-color: #63c6c2;
    }

  }

  // banner
  .custom-head {
    width: 100%;
    height: 200px;
    background-image: url('../assets/custom/heder.jpg');
    color: #ffffff;
    text-align: center;

    .custom-head-size {
      position: relative;
      top: 100px;
      font-size: 20px;
    }

    .custom-head-p {
      position: relative;
      top: 100px;
    }
  }

  // 专业团队全程服务
  .professional_team {
    width: 100%;
    text-align: center;
    font-family: PingFang-SC;
    background-color: #fff;

    .title1 {
      margin-top: 64px;
      color: #918682;
      font-size: 16px;
      height: 30px;

    }

    .title2 {
      height: 34px;
      font-size: 22px;
      font-weight: 500;
      color: #544641;
    }

    .title3 {
      margin: 15px auto;
      height: 44px;
      font-size: 22px;
      font-weight: 500;
      line-height: 1.38;
      color: #63c6c2;
    }

    // 服务
    .service-box {

      .service {
        margin-top: 40px;
        width: 100%;
        font-family: PingFang-SC;
        text-align: center;

        .service_img {
          width: 200px;
          height: 200px;
        }

        .service-team-title {
          margin-top: 8px;
          margin: 0 auto;
          width: 280px;
          height: 48px;
          background-size: cover;
          background-image: url(../assets/custom/title_bg.jpg);
          font-size: 21px;
          font-weight: 500;
          line-height: 48px;
          color: #544641;
          margin-bottom: 10px;
        }

        .service-team-sub {
          margin: 5px auto;
          width: 327px;
          opacity: .9;
          font-size: 14px;
          color: #999;
        }
      }
    }
  }

  // 不跟团才自由
  .freedom {
    text-align: center;

    .tirle-triangle {
      margin-top: 9px;
      margin-bottom: 34px;
    }

    .free-title {
      margin-top: 70px;
      font-size: 26px;
      font-weight: 600;
      line-height: 1;
      color: #544641;
    }

    .free-p1,
    .free-p2 {
      font-weight: 300;
      font-size: 14px;
      color: #544641;
    }

    .free-p1 {
      margin-top: 30px;
    }

    .free-p2 {
      margin-top: 4px;
    }

    .free-p3 {
      color: #63c6c2;
      font-size: 18px;
      font-weight: 600;
      line-height: 1;
      margin-top: 6px;
    }

    .free-img {
      width: 100%;
      margin-top: 10px;
    }

  }

  // 一站式超省心
  .comfortable {
    .tirle-triangle {
      margin-top: 9px;
      margin-bottom: 34px;
    }

    .comfortable-title {
      font-size: 26px;
      font-weight: 600;
      color: #544641;
      margin-top: 70px;
    }

    .comfortable-box {
      position: relative;

      .comfortable-img {
        width: 100%;
      }

      .comfortable-within {
        position: absolute;
        top: 5%;
        right: 2%;
      }

      .comfortable-within-p,
      .mask-p1 {
        font-weight: 300;
        font-size: 14px;
        line-height: 1.5;
        color: #544641;
      }

      .comfortable-within-p1,
      .mask-p2 {
        font-size: 18px;
        font-weight: 600;
        color: #63c6c2;
        margin-top: 10px;
        line-height: 1;
      }

      .mask-book-img {
        width: 80%;
        margin-top: 20px;
      }
    }


  }

  // 订制团队
  .custom-team {
    width: 100%;
    color: #544641;

    .tirle-triangle {
      margin-top: 9px;
      margin-bottom: 24px;
    }

    .custom-team-package {

      .custom-team-package-title {
        font-size: 26px;
        font-weight: 600;
        margin-top: 70px;
        line-height: 1;
      }

      .custom-team-package-p {
        font-size: 13px;
        line-height: 1.5;
        font-weight: 400;
      }
    }

    .custom-team-slide-out {
      width: 100%;
      margin-top: 20px;
      overflow: auto;
      padding: 0 10px;
      z-index: 1;

      &::-webkit-scrollbar {
        display: none;
      }

      .custom-team-slide-inside {
        width: 1470px;
        height: 100%;
        display: flex;

        .custom-team-slide-picture {
          width: 277.857px;
          margin-right: 10px;
          background-color: #fff;
          overflow: hidden;
          height: 382px;
          padding-bottom: 16px;
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .14);

          img {
            display: block;
            min-width: 100%;
            height: 270px;
          }

          .custom-team-slide-text {
            position: relative;
            padding-top: 24px;
            background-color: #fff;
            bottom: 0;
            transition: all 0.5s ease-in;

            &.bottom {
              bottom: 79px;
            }

            .custom-team-slide-effect {
              width: 130px;
              height: 30px;
              line-height: 30px;
              font-size: 16px;
              font-weight: 300;
              border-radius: 100px;
              background-color: #fff;
              color: #59c6c2;
              position: absolute;
              left: 0;
              right: 0;
              margin: 0 auto;
              top: -15px;

              span {
                font-weight: 500;
              }
            }
          }

          .custom-team-slide-title {
            font-size: 14px;
            font-weight: 600;
            line-height: 1.71;
            letter-spacing: -.5px;
            text-align: center;
            color: #544641;
          }

          .custom-team-slide-word {
            font-size: 14px;
            line-height: 1.57;
            letter-spacing: -.8px;
            text-align: justify;
            color: #918682;
            padding: 0 20px;
          }
        }
      }
    }
  }
}